.c-body
  //- 加载中
  .loadding(:class="loaddingClass")
    .load-txt 加载数据中...
    .load-ico

  //- 加载失败
  .loaded-fail(:class="loadedFailClass") {{loadedFail}}

  //- 加载成功
  div(:class="loadedSuccClass")

    //- 网页内容
    .c-content

      //- 人才招聘详情
      .bread-nav
        .crumbs
          router-link(to='/') 首页 >
          span &nbsp;&nbsp;个人中心

      //- 个人信息
      .c-info-wrapper
        .c-left-side
          c-info-side

        .c-info-right
          .c-fund-tit
            p.c-fund-title 基金持仓

            //- 没有数据的时候显示
            .c-no-data(v-if='listIsEmpty')
              p 暂无持仓

            div(v-else)
              //- 大屏幕
              .c-info-main
                //- 我的产品列表标题
                .c-prod-tit
                  ul
                    li.pure-g
                      span.pure-u-6-24 产品|代码
                      span.c-text-center.pure-u-3-24 份额(份)
                      span.c-text-center.pure-u-3-24 买入日期
                      span.c-text-center.pure-u-3-24 单位净值
                      span.c-text-center.pure-u-3-24 业绩基准
                      span.c-text-center.pure-u-3-24 到期日
                      span.c-text-center.pure-u-3-24 操作

                .c-prod-main
                    ul
                      li.pure-g(v-for="item in prodList")
                        a.c-blue.pure-u-6-24 {{item.prod_name}}
                          span.c-gray ({{item.prod_code}})
                        span.c-text-center.pure-u-3-24 {{item.current_amount}}
                        span.c-text-center.pure-u-3-24 {{item.buy_date}}
                        span.c-orange.c-text-center.pure-u-3-24 {{item.nav}} 元
                        span.c-orange.c-text-center.pure-u-3-24 {{item.yqsyl}}
                        span.c-text-center.pure-u-3-24 {{item.came_date}}
                        a.c-blue.c-text-center.pure-u-3-24 查看

              //- 小屏幕
              .c-info-main-small
                //- 我的产品列表标题
                .c-prod-tit
                  ul
                    li.pure-g
                      span.pure-u-2-5 产品|代码
                      span.c-text-center.pure-u-2-5 份额(份)
                      span.c-text-center.pure-u-1-5 单位净值

                .c-prod-main
                    ul
                      li.pure-g(v-for="item in prodList")
                        a.c-blue.pure-u-2-5 {{item.prod_name}}
                          span.c-gray ({{item.prod_code}})
                        span.c-text-center.pure-u-2-5 {{item.current_amount}}
                        span.c-orange.c-text-center.pure-u-1-5 {{item.nav}} 元

              //- 查看更多
              .c-view-more
                a(href='javascript:void(0);' @click='gotoPage(page-1+2)')
                  span {{viewMoreTxt}}

        //- 清除浮动
        .clear_float